<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>展示用户页面</title>
<style type="text/css">
	*{
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	}
	body{
		font-family: 微软雅黑;
		font-size: 14px;
		color: #333333;
	}
	table{
		width: 100%;
	}
	tr{
		height: 30px;
		line-height: 30px;
		border: 1px solid #CCC;
		margin-top:5px;
	}
	tr:hover{
		background: #CCC;
	}
	th{
		position: relative;
	}
	td{
		width: 25%;
		position: relative;
		text-align: center;
	}
	td:nth-last-child(n+1):after{
		content: "";
		background: #CCC;
		width: 1px;
		height: 80%;
		position: absolute;
		top: 10%;
		right: 0;
	}
	th:nth-last-child(n+1):after{
		content: "";
		background: #CCC;
		width: 1px;
		height: 80%;
		position: absolute;
		top: 10%;
		right: 0;
	}
</style>
</head>
<body>
	<h1 style="text-align: center;">展示用户</h1>
	<div>
	</div>
	<table>
		<tr>
			<th>姓名</th>
			<th>地址</th>
			<th>电话</th>
			<th>注册时间</th>
		</tr>
	<c:forEach items="${user.userList }" var="u" varStatus="ut">
		<tr>
			<td>${u.name }</td>
			<td>${u.address }</td>
			<td>${u.phone }</td>
			<td>${u.registerDate }</td>
		</tr>
	</c:forEach>
	</table>	
</body>
</html>